<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <script src="jquery.min.js"></script>
  <script>
    //原始使用get()方法 发送Ajax请求
    var xhr = new XMLHttpRequest();
    xhr.open('get','/api/getString?name=ls');
    xhr.send();
    xhr.onload = function(){
      console.log(xhr.responseText);
    };

    //使用jQuery中的$.get()方法 发送Ajax请求(先引用jQuery文件)
    //参数1：请求的url地址
    //参数2：要发送给后端的数据，数据格式可以是字符串，js对象，json对象('name=zs',{name:"zs"},{"name":"zs"})
    //参数3：readyState == 4时触发的回调函数，该函数中有一个参数能够接收到后端返回的数据
    //参数4：后端返回数据类型，text(默认) json
    //      如果后端返回的是 普通字符串，参数4可以设置为text 或者 不设置
    //      如果后端返回的是 json字符串，参数4可以设置为json(接收到的数据会自动转为对象形式)
    $.get('/api/getJson','',function(msg){
      console.log(msg);
    },'json');
  </script>
</body>
</html>